<div class="container-fluid">
    <button id="searchShow" type="button" class="btn btn-default" data-toggle="collapse">高级查询</button>
    <div id="paramsView" class="row-fluid collapse" name="paramsView">
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label for="firstname" class="col-sm-2 control-label">国家</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="countryname">
                </div>
            </div>
            <div class="form-group">
                <label for="lastname" class="col-sm-2 control-label">省份</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" name="district">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" class="btn btn-primary" data-loading-text="搜索..." name="search">搜索
                    </button>
                </div>
            </div>
        </form>
    </div>
    <br>
    <div class="row-fluid">
        <div class="well">
            <table class="table" name="tableReport">
                <caption>城市人口</caption>
            </table>
            <ul class="pager">
                <li><a href="#" name="previous">Previous</a></li>
                <li><a href="#" name="next">Next</a></li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        var show = false;
        $('#searchShow').click(function () {
            if(show){
                $('#paramsView').collapse('hide');
                show = false;
            }else{
                $('#paramsView').collapse('show');
                show = true;
            }
            // $('#paramsView').collapse('toggle');
        });
    });
</script>